<script setup lang="ts">
</script>

<template>
  <div class="zh-button">
    <div class="zh-button_warp">
      <slot />
    </div>
  </div>
</template>

<style>
.zh-button {
  overflow: hidden;
  background: #f55;
  color: #fff;
  border-radius: 0.5rem;
}
.zh-button_warp {
  padding: 0.5rem;
  text-align: center;
  cursor: pointer;
}

.zh-button:hover .zh-button_warp {
  background: rgba(0, 0, 0, 0.1);
}
</style>
